<div class="layui-side layui-bg-black layui-left-black">
	<div class="layui-side-scroll">
		<div class="row">
			<div class="col-lg-12">
				<h1 class="site-h1 ukefu-font" style="text-align:center;">
					${user.username!''}
				</h1>
				<div class="layui-form-item">
					<label class="layui-form-label">姓名：</label>
					<div class="layui-input-block" style="text-align:right;">优客服</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">登陆时间：</label>
					<div class="layui-input-block" style="text-align:right;">${.now?string('HH:mm:ss')}</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">工作时长：</label>
					<div class="layui-input-block" style="text-align:right;">6:43:22</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">接待用户：</label>
					<div class="layui-input-block" style="text-align:right;">45人</div>
				</div>
			</div>
		</div>	
		<div class="row">
			<div class="col-lg-12" style="padding-right:0px;">
				<h1 class="ukefu-h1" style="padding:5px;border-top: 5px solid #e6e6e6;border-bottom: 5px solid #e6e6e6;">
					<a href="">
						<i class="layui-icon">&#xe612;</i>
						我的控制台
					</a>
				</h1>
				<h1 class="site-h1">
					快捷操作
				</h1>
				<ul class="ukewo-btn-group">
					<li>
						<a href="" class="ukefu-bt">
							<i class="layui-icon ukewo-btn">&#xe631;</i>
							<div class="ukefu-bt-text">
								<div class="ukefu-bt-text-title" style="">
										工单信息
								</div>
								<div class="ukefu-bt-text-content" style="">
									需要处理的工单信息
								</div>
							</div>
						</a>
					</li>
					<li>
						<a href="" class="ukefu-bt">
							<i class="layui-icon ukewo-btn">&#xe631;</i>
							<div class="ukefu-bt-text">
								<div class="ukefu-bt-text-title" style="">
										工单信息
								</div>
								<div class="ukefu-bt-text-content" style="">
									需要处理的工单信息
								</div>
							</div>
						</a>
					</li>
					<li>
						<a href="" class="ukefu-bt">
							<i class="layui-icon ukewo-btn">&#xe631;</i>
							<div class="ukefu-bt-text">
								<div class="ukefu-bt-text-title" style="">
										工单信息
								</div>
								<div class="ukefu-bt-text-content" style="">
									需要处理的工单信息
								</div>
							</div>
						</a>
					</li>
					<li>
						<a href="" class="ukefu-bt">
							<i class="layui-icon ukewo-btn">&#xe631;</i>
							<div class="ukefu-bt-text">
								<div class="ukefu-bt-text-title" style="">
										工单信息
								</div>
								<div class="ukefu-bt-text-content" style="">
									需要处理的工单信息
								</div>
							</div>
						</a>
					</li>
					<li>
						<a href="" class="ukefu-bt">
							<i class="layui-icon ukewo-btn">&#xe631;</i>
							<div class="ukefu-bt-text">
								<div class="ukefu-bt-text-title" style="">
										工单信息
								</div>
								<div class="ukefu-bt-text-content" style="">
									需要处理的工单信息
								</div>
							</div>
						</a>
					</li>
				</ul>
			</div>
		</div>	
	</div>
</div>
<div class="layui-body">
	<div class="layui-side-scroll">
		<div class="row">
			<div class="col-lg-12">
				<h1 class="site-h1">
					在线客服业务概况
				</h1>
				<div class="row">
					<div class="col-lg-3">
						<div class="ukefu-measure">
							<a href="" class="ukefu-bt"> 
								<i class="layui-icon ukewo-btn ukefu-measure-btn">&#xe631;</i>
								<div class="ukefu-bt-text">
									<div class="ukefu-bt-text-title" style="font-weight:400;font-size:30px;">1540</div>
									<div class="ukefu-bt-text-content" style="">在线用户,需要处理的工单信息</div>
								</div>
							</a>
						</div>
					</div>
					<div class="col-lg-3">
						<div class="ukefu-measure">
							<a href="" class="ukefu-bt"> 
								<i class="layui-icon ukewo-btn ukefu-measure-btn ukefu-bg-color-yellow">&#xe631;</i>
								<div class="ukefu-bt-text">
									<div class="ukefu-bt-text-title" style="font-weight:400;font-size:30px;">1540</div>
									<div class="ukefu-bt-text-content" style="">对话中的用户,需要处理的工单信息</div>
								</div>
							</a>
						</div>
					</div>
					<div class="col-lg-3">
						<div class="ukefu-measure">
							<a href="" class="ukefu-bt"> 
								<i class="layui-icon ukewo-btn ukefu-measure-btn ukefu-bg-color-pink">&#xe631;</i>
								<div class="ukefu-bt-text">
									<div class="ukefu-bt-text-title" style="font-weight:400;font-size:30px;">1540</div>
									<div class="ukefu-bt-text-content" style="">排队中的用户,需要处理的工单信息</div>
								</div>
							</a>
						</div>
					</div>
					<div class="col-lg-3">
						<div class="ukefu-measure">
							<a href="" class="ukefu-bt"> 
								<i class="layui-icon ukewo-btn ukefu-measure-btn ukefu-bg-color-green">&#xe631;</i>
								<div class="ukefu-bt-text">
									<div class="ukefu-bt-text-title" style="font-weight:400;font-size:30px;">1540</div>
									<div class="ukefu-bt-text-content" style="">网站访问量,需要处理的工单信息</div>
								</div>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-lg-12">
				<h1 class="site-h1" style="border-top:1px solid #e6e6e6;margin-top:15px;">
					当前在线用户列表<#if onlineUserList??>（${onlineUserList.totalElements}）</#if>
				</h1>
				<table class="layui-table" lay-skin="line">
					<thead>
						<tr class="design-sortable-tr">
							<th>用户名</th>
							<th>终端</th>
							<th>操作系统</th>
							<th>浏览器</th>
							<th>访问时间</th>
							<th>停留时间</th>
							<th>地域</th>
						</tr>
					</thead>
					<tbody>
						<#if onlineUserList?? && onlineUserList.content??>
						<#list onlineUserList.content as onlineuser>
						<tr class="tdHasContorllor design-dropable-td">
							<td class=" first_td_head">${onlineuser.username!''}</td>
							
							<td class="ukefu-online-client">
								<#if onlineuser.mobile?? && onlineuser.mobile == "1">
								<i class="kfont">&#xe603;</i>
								<#else>
								<i class="kfont">&#xe601;</i>
								</#if>
							</td>
							<td class="ukefu-online-client">
								<#if onlineuser.opersystem?? && onlineuser.opersystem == "windows">
								<i class="kfont">&#xe801;</i>
								<#elseif onlineuser.opersystem?? && onlineuser.opersystem == "linux">
								<i class="kfont">&#xe726;</i>
								<#elseif onlineuser.opersystem?? && onlineuser.opersystem == "mac">
								<i class="kfont">&#xe6be;</i>
								</#if>
							</td>
							<td class=" ">${onlineuser.browser!''}</td>
							<td class=" "><#if onlineuser.createtime??>${onlineuser.createtime?string('yyyy-MM-dd HH:mm:ss')}</#if></td>
							<td class="minSize ">
								${(onlineuser.betweentime/(1000*60*60))?string('00')}:${((onlineuser.betweentime%(1000*60*60))/(1000*60))?string('00')}:${((onlineuser.betweentime%(1000*60))/(1000))?string('00')}
							</td>
							<td class=" ">${onlineuser.region!''}</td>
						</tr>
						</#list>
						</#if>
					</tbody>
				</table>

			</div>
		</div>
	</div>
</div>
